<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>问卷调查 | Blue Field网站</title>
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        

		<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!-- page specific plugin styles -->

		<link rel="stylesheet" href="assets/css/jquery-ui-1.10.3.custom.min.css" />

		<!-- ace styles -->

		<link rel="stylesheet" href="assets/css/ace.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="css/jNotify.jquery.css" />  <!-- 提示框插件 -->
		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="assets/js/ace-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
	</head>

	<body>
<%@ include file="/include/ace-header.jsp" %><!-- header.jsp//顶部导航栏 -->

<div class="main-container" id="main-container"><!-- 下侧导航栏及类容 -->
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>

    <div class="main-container-inner">  
        <a class="menu-toggler" id="menu-toggler" href="#">
            <span class="menu-text"></span>
        </a>
<%@ include file="/include/left-nav-dynamic.jsp" %><!-- 左侧导航栏 -->
<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">首页</a>
							</li>

							<li>
								<a href="#">个人中心</a>
							</li>
							<li class="active">问卷</li>
						</ul><!-- .breadcrumb -->

					</div>

					<div class="page-content">
						<div class="page-header">
							<h1>
								个人中心
								<small>
									<i class="icon-double-angle-right"></i>
									问卷
								</small>
							</h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

                  
<div id="timeline-1">
                            <div class="row">
                                <div class="col-xs-12 col-sm-10 col-sm-offset-1">
                                     
                                     
                                     
                                            <div class="timeline-container">
												<div class="timeline-label">
													<span class="label label-primary arrowed-in-right label-lg">
														<b>蓝色领域问卷 </b>
														
													</span>
													
												</div>
														<div class="timeline-items">
													   <div class="timeline-item clearfix">
													   
													   
																<div class="timeline-info at_user_photo">
		<span class="label label-info label-sm nickname">主题</span>
		</div>			   
			<div class="widget-box transparent">
															<div class="widget-header widget-header-small">
																<h5 class="smaller">
																	<span class="grey atdy_date questionnaire_theme" id="${questionnaire_id}">${questionnaire_theme}</span>
																	<span class="widget-toolbar no-border">                                                                                                                         
                                                                </span>
																</h5>
															</div>
                                    </div><!-- /widget-body -->										


<c:forEach items="${questionnaire_contents}" var="subject" varStatus="status">
 <div class="space"></div><!-- 空格 -->
		<div class="timeline-info at_user_photo">
		<span class="label label-info label-sm nickname">题目${status.count}</span>
		</div>
                                                                     
				<!-- 单选题start -->
<c:if test="${subject.title_type == 0}">
														<div class="widget-box transparent radio_template marker_title">
															<div class="widget-header widget-header-small">
																<h5 class="smaller">
																	<span class="grey atdy_date">${subject.subject_content}</span>
																</h5>
															</div>

															<div class="widget-body">
																<div class="widget-main">

																	<div class="widget-toolbox clearfix">

																		<div class="pull-left action-buttons">


		<!-- 单选选项模版start -->
		<c:forEach items="${subject.options}" var="option" varStatus="option_status">
		<div class="radio radio_option_template">
<label>
<input class="ace" name="radio${status.count}" type="radio">
<span class="lbl"> ${option.option_content}</span>
</label>
</div>
</c:forEach>
		<!-- 单选选项模版end -->                                                  
                                                                        </div>
																	</div>
																</div>
                                        </div><!-- /widget-main -->
                                    </div><!-- /widget-body -->
                                    </c:if>
		<!-- 单选题end -->									   
						
								<!-- 复选题开始 -->
								<c:if test="${subject.title_type == 1}">
														<div class="widget-box transparent check_template marker_title">
															<div class="widget-header widget-header-small">
																<h5 class="smaller">
																	<span class="grey atdy_date">${subject.subject_content}</span>
																</h5>
															</div>

															<div class="widget-body">
																<div class="widget-main">

																	<div class="widget-toolbox clearfix">

																		<div class="pull-left action-buttons">
																		
<div class="checkbox">
		<!-- 复选选项模版start -->
		<c:forEach items="${subject.options}" var="option" varStatus="option_status">
		<label class="ckeck_option_template">
<input class="ace ace-checkbox-2" name="checkbox${status.count}" type="checkbox">
<span class="lbl">${option.option_content}</span>
</label>
</c:forEach>
		<!-- 复选选项模版end -->
</div>
                                                                        </div>
																	</div>
																</div>
                                        </div><!-- /widget-main -->
                                    </div><!-- /widget-body -->
                                    </c:if>
		<!-- 复选题end -->				
                                    
                                    
                                     </c:forEach>
                                    <div class="space" id="Blank_line_marker"></div>
                                    <!-- 新建题目start -->
<div class="widget-box transparent">
															<div class="widget-body">
																<div class="widget-main">
																	<div class="widget-toolbox clearfix">
																		<div class="pull-left action-buttons">
<button class="btn btn-info new_radio" type="button">
提交问卷
</button>


                                                                        </div>
																	</div>
																</div>
                                        </div><!-- /widget-main -->
                                    </div><!-- /widget-body -->
                                    
                                    
                                    
                            </div><!-- /span -->
                            
															</div>
															
														</div>
													</div>   
                                                              
                                                              
                                                                        
                                                 </div><!-- /.timeline-items -->
											</div><!-- /.timeline-container -->
											<!-- 问卷end -->
                  

					

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->
           </div><!-- /.main-container-inner -->
           </div><!-- /.main-container -->       
           
           
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110">置顶</i>
			</a>

<!-- basic scripts -->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>

		<!-- page specific plugin scripts -->

		<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="assets/js/jquery.slimscroll.min.js"></script>

		<!-- ace scripts -->

		<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>
		<script src="js/jNotify.jquery.js"></script>  <!-- 提示框插件 -->
		<script src="js/suggestions.js"></script>
</body>
</html>
